import React, { Component } from 'react';
import MenuItem from './component/MenuItem'
import data from './data'
import './App.css'
class App extends Component {
  state = {
    list: data
  }
  render() {
    const { list } =this.state
    return (
      <div className="menu">
        {
          list.map((v, i) => {
            return <MenuItem key={i} { ...v }></MenuItem>
          })
        }
      </div>
    );
  }
}

export default App;
